<template>
  <div id="header">
    <!-- 导航部分-->
    <div class="logogif">
		
    <img src="@/assets/images/logo9.png" width="572" height="110" />
	
    </div>

    <div class="navitems fl">
      <ul class="nav nav-pills">
        <!-- <router-link to="/" replace
          ><li><a>总体情况</a></li></router-link
        >
      -->

		
      </ul>
    </div>
  </div>
</template>

<script>
	import Sever from "@/api/selfApi.js";
	import { useStore } from 'vuex';
	import { mapState, mapActions, mapMutations } from 'vuex'
	import store from '@/store/index.js'
export default {
  name: "MyHeader",
  components:{
  			 Sever
  },
  data() {
    return {};
  },
  methods:{
	   ...mapActions(['clearToken']),
	async loginOut(){
		await Sever.smz
		   .loginOut({token:store.getters.getToken})
		   .then((res) => {
		     if (res.code == 1) {
				 console.log(res);
		      this.$store.dispatch('clearToken');
			
			 this.$router.push({ path: '/' });
				
		     } else {
				
		       console.log("loginOut错误！");
		     }
		   })
		   .catch((err) => {
		     console.log(err);
		   });
		 
		 
		 
	 },
	  
  }
};
</script>
<style scoped>
.active a {
  color: #f6ffb9;
  font-weight: bold;
}
.active li {
  background-image: url(~@/assets/images/navhover.png);
  background-repeat: no-repeat;
}

.technology-text {
  font-family: 'Roboto', sans-serif; /* 使用现代字体 */
  color: #3498db; /* 使用明亮的蓝色 */
  text-transform: uppercase; /* 文字转为大写 */
  letter-spacing: 2px; /* 字母间距增加 */
  text-shadow: 0 0 3px #3498db, 0 0 5px #3498db; /* 添加阴影效果 */
  font-size: 28px;
}

</style>

